/*----header start-----*/
/* menu start */
.top-menu {width:100%;height:48px;background-color: #ffffff;overflow:hidden; position:relative;text-align: center;}
.top-menu ul {display: inline-block;}
.top-menu li {float:left; position:relative;padding-right:2px;}
.top-menu li a {display:block;letter-spacing: 6px;font-size:16px;line-height:32px;padding:8px 6px 8px 12px;cursor: pointer;}
.top-menu .active a{font-weight: bold;background-color: #dc3545;color:#ffffff;cursor: unset;}
.logo{height: 48px;line-height: 48px;font-size: 18px;margin-right:8px;color: #1e7e34;font-weight: bolder;cursor: pointer;}
.top-menu a:not(.logo-a):hover{background-color: #dc3545;color:#ffffff;font-weight: bold;}
.hot-city{width: 88%;margin-left: 6%;}
.hot-city a{display: inline-block;width: 25%;}
/* menu end */
.search {position: relative;}#searchCityKey{width: 88%;padding:8px;}
.search input {height: 32px;background-color: #efefef;margin-top: 8px;font-size: 16px;padding-left: 8px;padding-right: 26px;}
.search button {top: 0;right: 0;position: absolute;width: 26px;margin: -3px 8px;}
.btn-q-icon{width: 12px;height: 12px;display: inline-block;margin-left:-9px;
    border-radius: 100%;border:2px solid currentcolor;position: relative;}
.btn-q-icon:after{content: "";-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);width:8px;height: 2px;position: absolute;top:9px;left:7px;background-color: currentcolor;}
.hide-info{display: none;z-index:9;width: 317px;position: fixed;cursor: default;top: 48px;padding: 8px 0 8px 8px;box-sizing: border-box;background-color: #fff;border: 1px solid #E5E5E5;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.10);}
.hide-info::before,.hide-info::after{content: "";position: absolute;top: -7px;left: 34px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #E5E5E5;border-top: 0;}
.hide-info::after{top: -5px;border-bottom: 6px solid #fff;}
.hide-info a{padding: 4px 6px 4px 12px !important;}.myself{display: none;}
.myself img{cursor: pointer;margin-left: 8px;}.myself-menu{width: 128px;}
.myself-menu::before,.myself-menu::after{left: 108px;}
.search-city-key{font-size: 18px;background: transparent;}
/*----header end-----*/
.search-city-container{
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.search-city-container a{width: 100%;}
.loading{text-align:center;z-index: 9100;position:fixed;top:40%;left:45%;display: none;}
.loading span{font-size: 20px;font-weight:bolder;color: white;}
.vent-obj:first-child{margin-top: 10px;}
.page-mask{z-index: 9000;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);display:none;}
.search-history{display:none;font-size: 18px;position: absolute;z-index: 1;background: #FFF;border: 1px solid #ccc;width: 312px;margin-top: -8px;padding: 6px 0;}
.search-history ul li{padding: 2px 10px;cursor: pointer;}
.search-history ul li:hover{background-color: #f0f0f0;}
.select-city,.hot-city a:hover{background-color: #efefef;font-weight: 600;color: #28a745;}